<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
<head>
<meta charset="utf-8">
<title>ESL GUI Server Admin Interface</title>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="js/plugin/jquery-jtemplates.js" type="text/javascript"></script>
<script src="js/plugin/jquery-ui-1.8.12.custom.min.js"
	type="text/javascript"></script>
<script src="js/plugin/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="js/plugin/jquery.validate.min.js" type="text/javascript"></script>
<script src="js/plugin/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="js/eslserver-common.js" type="text/javascript"></script>
<script src="js/eslserver-dialogObj.js" type="text/javascript"></script>
<link href="css/jquery/jquery.ui.all.css" rel="stylesheet"></link>
<link href="css/jquery/jquery.ui.dialog.css" rel="stylesheet"></link>
<link href="css/eslserver-main.css" rel="stylesheet"></link>
<link href="css/eslserver-table.css" rel="stylesheet"></link>
<script>
	$(document).ready(
			function() {
				/* Set page style */
				$("#main").addClass("ui-widget");

				var delDisplayDialog = new ESLserverDialogObj(
						"#del-dialog-confirm", "#delGroupButton",
						"/eslserver/DeleteGroupAction.do");
				delDisplayDialog.buildDialog();
				delDisplayDialog.addDialogFunctions();

				/*Draw table*/
				var aoColumnDefs = [{"bSortable": false, "aTargets": [ 0 ]}];
				loadTemplate("#allGroupList",
						"/eslserver/template/GroupTableTemplate.jsp",
						"#allGroupTemplate", "checkboxAll");
				loadTableData("#allGroupList", "#allGroupTemplate",
						"/eslserver/LoadAllGroups.do","GroupInfo.jsp","groupID",aoColumnDefs);

				$("#addGroupButton").click(function() {
					window.location.replace("GroupInfo.jsp");
				});

			});
</script>

</head>
<body class="formBody">
	<form id="main">
		<div class="welcomeInfo">
			<table>
				<tr>
					<td><img id="sipixIcon" src="./images/sipix-logo.jpg"></img></td>
					<td>Welcome</td>
					<td class="message1"><c:out
							value="to Sipix ESL GUI Sever" />
					</td>
					<td>(</td>
					<td class="message1"><c:out value="Prototype V1.0" />
					</td>
					<td>)</td>
				</tr>
			</table>
		</div>
		<div style="clear: both;"></div>
		<fieldset id="eslMgmtFieldset" class="mainFieldSet">
			<legend class="mainLegend">Please use Group table below to configure Group</legend>
			<fieldset class="subFieldSet">
				<legend class="subLegend">All Groups</legend>
				<div>
					<img class="actionIcon" id="addGroupButton" class="add"
						src="./images/add.png"></img>&nbsp;&nbsp; <img class="actionIcon"
						id="delGroupButton" src="./images/del.png"></img>&nbsp;&nbsp;
				</div>
				<div id="allGroupList"></div>
			</fieldset>
		</fieldset>
	</form>
	<div id="del-dialog-confirm" title="Delete Groups">
		<p>
			<span class="ui-icon ui-icon-alert"
				style="float: left; margin: 0 7px 20px 0;"></span>Do you really want
			to delete Group(s)?
		</p>
	</div>
</body>
</html>